<!--
	Carnegie Mellon University
	School of Computer Science
	MSIT eBusiness Technology

	Team 8 - Infinity (2011 Spring)
	infinity-team8@googlegroups.com

	Professor: Jeffrey L. Eppinger
	Program Faculty: Sujata Telang
-->

<jsp:include page="customer-template-top.jsp" />
<jsp:include page="customer-topnav.jsp" />
<script type="text/javascript">
var cid=${rs};
var tranArr;

//boolean for sort
var statusB=-1;
var idB=-1;
var fund_nameB=-1;
var dateB=-1;
var priceB=-1;
var typeB=-1;
var amountB=-1;
var shareB=-1;
//load history data
$(document).ready(function() {
	 $.ajax({  
	         type: "GET",  
	         url: "get-transaction.do?customerID="+cid,  
	         dataType: "xml",  
	         success: transactionPro  
		     });  
});

</script>
<div id="header">
	<h1>Transaction History</h1>
</div>
<jsp:include page="customer-sidebar.jsp" />
<div id="content">

<div id="form-wrapper">
<table id="minimal" summary="display transaction history">
<thead>
	<tr>
		<th scope="col" id="arrow"></th>
		<th scope="col" class="clickable" onclick="statusSort();">Status</th>
		<th scope="col" class="clickable" onclick="idSort();">ID</th>
		<th scope="col" class="clickable" onclick="fund_nameSort();">Fund Symbol</th>
		<th scope="col" class="clickable" onclick="dateSort();">Execute Date</th>
		<th scope="col" class="clickable" onclick="shareSort();">Share</th>
		<th scope="col" class="clickable" onclick="priceSort();">Share Price</th>		
		<th scope="col" class="clickable" onclick="typeSort();">Type</th>
		<th scope="col" class="clickable" onclick="amountSort();">Amount</th>
	</tr>
</thead>

<tbody id="container">

</tbody>
</table>
<br />
<p class="small"><span style="color:#D1563B">**</span> Status legend : Complete = <span style="color:#92B901">green</span> / Pending = <span style="color:#FFCC33">yellow</span></p>
<p class="small"><span style="color:#D1563B">**</span> For deposit and request, shares and share price are left blank.</p>
</div>
</div>
<jsp:include page="footer.jsp" />
